<template>
  <div class="account">
    <el-card class="boxard">
      <div slot="header" class="clearfix">
        卡片头部
      </div>
      <div class="xia">
        <!-- 订单信息 -->
        <div class="one">
          <div>
            订单信息：

          </div>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import { orderDetail } from '@/api/order/orderAmount/index.js'
export default {
  data() {
    return {
      orderId: '',
      list: {},
      yangshi: ''
    }
  },
  created() {
    console.log(this.$route.query.id)
    this.orderId = this.$route.query.id
    this.init()
  },
  methods: {
    init() {
      orderDetail(this.orderId).then(res => {
        console.log(res)
        this.list = res.data.orderDetail
        this.yangshi = JSON.parse(this.list.orderItems[0].productAttr)
      })
    }

  }
}
</script>

<style lang="scss" scoped>
.account{
  .boxard{
    margin: 30px;
    .clearfix{

    }
    .xia{
      background-color: rgb(192, 101, 101);
    }
  }
}
</style>
